<template>
  <div>
       <el-menu
      default-active="1"
      class="el-menu-vertical-demo"
      mode="horizontal"
      router>
      <!-- 选项区 -->
          <el-menu-item :index="item.path" v-for="item in menu.data" :key="item.id">
            <i :class="item.iconUrl"></i>
            <span slot="title">{{item.menuName}}</span>
          </el-menu-item>

      </el-menu>
  </div>
</template>

<script>
import {mapState} from 'vuex'
export default {
  
 computed:{
      ...mapState("menu",['menu']),

    }
}
</script>

<style scoped lang="less">
  .el-menu{
    display: flex;
    justify-content: space-evenly;
  }
    
</style>